import React from "react";
import { Heart, Activity, Brain, Scale } from "lucide-react";
import { HealthTipCard } from "./HealthTipCard";

export function HealthTips() {
  const tips = [
    {
      icon: Scale,
      title: "体重管理",
      description: "保持规律的饮食习惯，控制每日摄入热量，适量运动以维持健康体重。"
    },
    {
      icon: Heart,
      title: "心血管健康",
      description: "定期监测血压，保持良好的作息时间，避免过度劳累和压力。"
    },
    {
      icon: Activity,
      title: "运动建议",
      description: "每周进行3-5次中等强度的运动，每次30-60分钟，增强体质。"
    },
    {
      icon: Brain,
      title: "心理调节",
      description: "保持积极乐观的心态，学会调节压力，培养健康的兴趣爱好。"
    }
  ];

  return (
    <div className="mt-12">
      <h2 className="text-2xl font-bold mb-6">健康小贴士</h2>
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
        {tips.map((tip, index) => (
          <HealthTipCard
            key={index}
            icon={tip.icon}
            title={tip.title}
            description={tip.description}
          />
        ))}
      </div>
    </div>
  );
} 